
<script>
    function toggle(self, el) {
        el = $(el);
        if (el.css('display') ==  'none') {
            el.show();
            self.addClass('up');
        } else {
            el.hide();
            self.removeClass('up');
        }
        $.fancybox.resize();
    }

    $(document).ready(function () {
        $('input[type=checkbox]').click(function(event) {
            var name = $(this).attr('name');
            $('[name='+name+']').not($(this)).attr('checked', '');
        });
    });
</script>

<h1>Pregão {{ pregao }}</h1>

<p><b>Data de Inicio:</b> {{ pregao.dt_inicio|date:"d/m/Y H:i" }} 
    <b>Data de Final:</b> {{ pregao.dt_fim|date:"d/m/Y H:i" }}</p>

{% if pregao.is_ativo %}
    <p><b>Tempo Restante:</b> {{ pregao.dt_fim|timeuntil }}</p>
{% endif %}

{% if pregao.can_classificar %}
    <p><a class="button" style="float:none; width:180px;" href="{% url classificar pregao.id %}">Classificar propostas</a></p>
{% endif %}


{% if debug and pregao.is_ativo %}
    <p><a class="button negative" style="float:none; width: 100px; text-align:center;" href="{% url finalizar pregao.id %}">Finalizar pregão</a></p>
{% endif %}

<form action="{% url selecionar_propostas pregao.id %}" method="post">{% csrf_token %}

<ul class="itens">
    {% for item in pregao.itempregao_set.all %}
        <li onClick="toggle($(this), $('#itenstable-{{item.id}}'));">{{item.quantidade}} - {{ item.item }}
        </li>
            <ul style="display:none;" id="itenstable-{{item.id}}">
                <table>
                    <thead>
                        <tr>
                        <th>Fornecedor</th>
                        <th>Valor</th>
                        <th>Pontuacao</th>
                        {% if pregao.can_selecionar_proposta %}
                          <th>Selecionar</th>
                        {% else %}
                          {% if not item.can_selecionar_proposta %}
                            <th>Selecionada</th>
                          {% endif %}
                        {% endif %}
                        </tr>
                    </thead>
                    <tbody>
            {% for p in item.proposta_set.all %}
                <tr>
                    <td>{{ p.fornecedor }}</td>
                    <td>{{ p.get_valor }}</td>
                    <td>{{ p.get_pontuacao }}</td>
                    {% if pregao.can_selecionar_proposta %}
                        <td><input type="checkbox" name="item-{{item.id}}" value="{{p.id}}"></td>
                    {% else %}
                        <td>{% if p.selecionada %}<img
                        src="{{MEDIA_URL}}admin/img/admin/icon-yes.gif" />{% endif %}</td>
                    {% endif %}
                </tr>
            {% empty %}
                <tr><td colspan="3">Nenhuma proposta para este item.</td></tr>
            {% endfor %}
                </tbody>
              </table>
            </ul>
    {% endfor %}
</ul>

{% if pregao.can_selecionar_proposta %}
    <a href="#" class="button positive" style="float:none; width: 100px; text-align:center;" onClick="$(this).parents('form').submit();return false;">Salvar</a>
{% endif %}

</form>


